import React from 'react';
import { Swiper } from 'antd-mobile'
import './style.css'
const Index = ({ banners }) => {
  return (
    <Swiper className="content">
      {
        banners.length > 0 && banners.map((v, i) => {
          return (
            <Swiper.Item key={i}>
              <img src={v} alt="" width="100%" height="150"/>
            </Swiper.Item>
          )
        })
      }
    </Swiper>
  );
}

export default Index;
